<script setup>
const props = defineProps({
  title: String,
  content: String
})
</script>

<template>
  <div class="scenery">
    <div class="title">{{ title }}</div>
    <div class="content" v-html="content"></div>
  </div>
</template>

<style lang="scss">
.scenery {
  .title {
    text-align: center;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
  }
  .content {
    width: 100%;
    img {
      max-width: 100%;
    }
  }
}
</style>
